
/* ****************************************************************************************************** */
/* *************************************        GLOBAL        ******************************************* */
/* ****************************************************************************************************** */

body{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #565656;
	background:url('../imagenes/fondo.jpg') repeat;
}
.column_1_1{ /* width 100% */
	width: 100%;
	height:auto;
}
.column_1_2{
	width:50%;
	display:inline-block;
	vertical-align:top;
}
.column_1_3{
	width:33.33%;
	display:inline-block;
	vertical-align:top;
}
.column_1_4{
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.column_1_5{ /* width 20% */
	vertical-align:top;
	width: 20%;
	display:inline-block;
}
.column_3_4{
	width:75%;
	display:inline-block;
	vertical-align:top;
}
.column_2_3{
	width:66.66%;
	display:inline-block;
	vertical-align:top;
}
.column_4_5{ /* width 80% */
	vertical-align:top;
	width: 80%;
	display:inline-block;
}
.column_2_5{
	vertical-align:top;
	width: 40%;
	display:inline-block;
}
.column_3_5{
	vertical-align:top;
	width: 60%;
	display:inline-block;
}
.column_1_10{
	vertical-align:top;
	width: 10%;
	display:inline-block;
}
.column_2_10{
	vertical-align:top;
	width: 20%;
	display:inline-block;
}
.column_3_10{
	vertical-align:top;
	width: 30%;
	display:inline-block;
}
.column_6_10{
	vertical-align:top;
	width: 60%;
	display:inline-block;
}
.column_7_10{
	vertical-align:top;
	width: 70%;
	display:inline-block;
}
.column_8_10{
	vertical-align:top;
	width: 80%;
	display:inline-block;
}
.column_9_10{
	vertical-align:top;
	width: 80%;
	display:inline-block;
}

img{
	max-width:100%;
	height:auto;
}

.text_align_center{
	text-align:center;
}
.text_align_right{
	text-align:right;
}
.vertical_middle{
	vertical-align:middle;
}

.display_block{
	display:block !important;
}
.display_none{
	display:none !important;
}

hr{
	height:1px;
	border:none;
	border-top: 1px solid #e9e9e9;
	margin:0px;
}

h1{
	padding: 6px 20px;
	font-weight:bold;
	color: #4a4347;
	font-size: 1.3em;
}
h1::first-letter{
	color: #01acca;
}
h2{
	padding: 6px 20px;
	font-weight:bold;
	color: #4a4347;
}
h2::first-letter{
	color: #01acca;
}

a:hover{
	color:#4a4347;
}

.button{
	color: #fff;
	background-color:#01acca;
	border:1px solid #009cba;
	padding: 5px 12px;
	margin-top:10px;
	display:inline-block;
	-moz-border-radius: 3px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 3px;
	/* para Opera */
	border-radius: 3px;
}
.button:hover{
	background-color:#009cba;
	border-color:#008caa;
}
.button::before { 
    content: <br />;
}

.box{
	margin:20px;
	-moz-box-shadow: 0px 0px 12px #ccc;
    -webkit-box-shadow: 0px 0px 12px #ccc;
    box-shadow: 0px 0px 12px #ccc;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Google Chrome y Safari */
	border-radius: 5px; /* CSS3 (Opera 10.5 e Internet Explorer 9) */
}

.color_blue{
	color: #01acca;
}
.background_grey{
	background-color: #e9e9e9;
}

.lista{
	padding: 10px 0px;
	border-bottom:1px solid #edeeef;
}

.max_width_medium{
	max-width: 860px;
	margin:auto;
}
.max_width_small{
	max-width: 600px;
	margin:auto;
}
.width_full{
	width:100% !important;
}

.margin_0{
	margin:0px;
}

.v_margin_medium{
	margin-top: 50px;
	margin-bottom: 50px;
}

label {
	display: inline-block;
    margin: 10px 0;
    padding-right: 6%;
    text-align: right;
    width: 35%;
}

input{
	margin: 10px 0px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="file"]{  
   display: inline-block;
   margin-bottom: 5px;
   width:55%;
   border: 1px solid #e9e9e9 !important;
   outline-color: #c9c9c9;
   padding:5px;
}
input[type="file"]{
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	margin: 0;
    padding: 0;
    outline: 0;
	/*width:300px;*/
}
.fileContent{
	overflow: hidden;
	cursor: pointer;
	border:1px solid #e9e9e9;
	padding:0px;
}

.foto_usuario{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #01acca;
	width:38px;
	height:38px;
}

.padding_10{
	padding:10px;
}


.thumbnail{
	width:80px;
	height:80px;
	margin:5px;
}


progress {
    background-color: #01acca;
    border: 0;
    height: 8px;
	width:100%;
}
progress::-webkit-progress-value {  
   background-color: #01acca;
}

.border_right_1{
	border-right: 1px solid #ddd;
}


/* ****************************************************************************************************** */
/* *************************************        CEBECERA        ******************************************* */
/* ****************************************************************************************************** */

#header{
	margin-top:10px;
	max-width: 960px;
	margin:auto;
}
#header nav{
	padding:10px 0px;
}
#header nav ul{
	text-align:right;
	font-weight:bold;
}
#header nav li{
	display:inline-block;
}
#header nav li a{
	padding:5px 10px;
	margin-top: 5px;
	/*border:1px solid #ccc;*/
}
#userBox{
	background-color: #eee;
	outline: 1px solid #c9c9c9;
}
#userBox .foto_usuario{
	margin:5px;
}
#userBox #login_register_buttons a div:hover{
	background-color:#ccc;
}
.search_button{
	/*position:absolute;
	margin-left:-20px;
	margin-top:15px;*/
	border:1px solid #e9e9e9;
	padding:5px;
	background-color:#fff;
	border-left:none;
}
.search_input{
	padding:0px;
	margin:0px;
	border-right:none !important;
}

#menu_selector_icon{
	position:absolute;
	/*margin-left:22px;*/
	margin-top:-30px;
	visibility:hidden;
}

#user_submenu{
	display:none;
	position:absolute;
	background-color: #fff;
	margin:0px;
	z-index:1;
}
#user_submenu ul li a div{
	padding:10px 15px;
}
#user_submenu ul li a div:hover{
	background-color:#ccc;
}

#header nav .button{
	display:none;
}


/* ****************************************************************************************************** */
/* *************************************        CUERPO        ******************************************* */
/* ****************************************************************************************************** */


#body{
	min-height:300px;
	max-width: 960px;
	background-color: rgba(246,246,246,0.6);
	margin:auto;
	z-index:999;

}

#background_logo{
	position: absolute;
	margin-top:-254px;
	right: 0px;
	width: 504px;
	height: 254px;
	z-index: -10;
}


.box_content{
	padding: 10px 20px;
}

.error
{
	color:#F00;
}


/* ****************************************************************************************************** */
/* *************************************        FOOTER        ******************************************* */
/* ****************************************************************************************************** */

#footer input[type="text"]{
	border:none !important;
}


#footer{
	width:100%;
	color:#7d7d7d;
	background-color:#242424;
	border-top:#03ddff solid 4px;
	
}
#footer a:hover{
	color: #fff;
}
#footer_top{
	padding:20px 0px;
	
}
#footer_middle{
	padding:20px 0px;
	border-top:1px solid #1c1c1c;
}
#footer_bottom{
	padding:55px 0px;
	text-align:center;
	background-color:#2e2e2e;
}
.footer_title{
	padding-bottom:20px;
}
#menu_footer{
	padding: 0px 20px;
}
#menu_footer li{
	padding: 3px 0px;
}
#menu_footer li a{
	height: 100%;
}
#twitter_footer{
	padding: 0px 20px;
}
.twitter_footer_name{
	color:#03ddff;
}
.twitter_entry{
	padding-bottom: 15px;
	color: #9d9d9d;
	font-size:0.8em;
}
#footer_ranking .footer_ranking_img >div{
	padding:5px;
}
#footer_ranking .footer_ranking_img img{
	width:100%;
	height:auto;
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;*/
}
#footer_ranking .footer_ranking_img img:hover{
	outline:1px solid #fff;
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
	/*
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;*/
}
#footer_newslatter{
	padding: 0px 20px;
}
#footer_newslatter a:hover{
	color: #242424;
}
#footer_newslatter > span{
	background-color: #2e2e2e;
	color: #242424;
	padding:10px 0px 10px 0px;
}
#footer_newslatter > span:hover{
	outline:1px solid #fff;
}
#footer_newslatter input[type="text"]{
	background-color: transparent;
	border:0px;
	padding:10px;
	/*color: #7d7d7d;*/
	color:#fff;
	font-size: 0.8em;
	font-style: italic;
	width:50%;
	outline:none;
}
#footer_newslatter input::-webkit-input-placeholder{
  color:    #7d7d7d;
}
#footer_newslatter input:-moz-placeholder{
  color:    #7d7d7d;
}
#footer_newslatter input::-moz-placeholder{
  color:    #7d7d7d;
}
#footer_newslatter input:-ms-input-placeholder{
  color:    #7d7d7d;
}
#footer_newslatter a{
	background-color: #7d7d7d;
	color: #242424;
	padding:10px 15px;
	font-weight:bold;
}
#footer_social{
	text-align:right;
}
#footer_social a{
	background-color:#2e2e2e;
	margin:0px 2px;
	padding:5px 5px;
	/*overflow:auto;*/
	width: 30px; height: 30px; display: inline-block;
}
#footer_social a:hover{
	outline:1px solid #fff;
}




@media screen and (max-width:800px) {

	/* *************************************        GLOBAL        ******************************************* */
	
	.column_1_3{
		width:100%;
		text-align:center;
	}
	.column_1_2{
		width:100%;
		text-align:center;
	}
	.column_1_4{
		width:100%;
		text-align:center;
	}
	.column_3_4{
		width:100%;
		text-align:center;
	}
	.column_2_3{
		width:100%;
		text-align:center;
	}
	.column_4_5{
		width:100%;
		text-align:center;
	}
	.column_1_5{
		width:100%;
		text-align:center;
	}
	.column_2_5{
		width:100%;
		text-align:center;
	}
	.column_3_5{
		width:100%;
	}
	.lista > .column_1_3{
		width: 33%;
	}
	
	.hiddenOnPhone{
		display:none !important;
	}
	
	
	/* *************************************        CEBECERA        ******************************************* */
	#header nav ul{
		display:none;
		position:absolute;
		-moz-box-shadow: 0px 5px 6px #ccc;
		-webkit-box-shadow: 0px 5px 6px #ccc;
		box-shadow: 0px 5px 6px #ccc;
		background-color: rgba(255,255,255,0.5);
		width:100%;
	}
	#header nav ul li{
		display:block;
		text-align:center;
		
	}
	#header nav ul li a{
		display: block;
		padding:10px;
		margin:0px;
	}
	#header nav ul li a:hover{
		background-color: #d0dfef;
	}
	#header nav .button{
		display:block;
		padding:10px;
		cursor: hand;
	}
	
	
	
	/* *************************************        FOOTER        ******************************************* */
	
	#footer_ranking {
		padding: 0px 5px;
	}
	#footer_ranking .footer_ranking_img{
		width:33.3%;
	}
	
	#footer_social{
		margin-top:25px;
		text-align:center;
	}
	
	#footer_terms{
		margin-top:20px;
	}
	
	#menu_footer li{
		display: inline-block;
	}
	#menu_footer li:before{
		content: ' /  ';
	}
	
	#twitter_footer{
		margin-top:20px;
	}
	
	
	



}

